<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
<header class="clearfix">
    <div class="logo">
        <p>better</p>
    </div>
    <nav class="clearfix">
        <ul class="clearfix">
            <li class="li1"><a href="">首页<a href="" class="a"></a></a></li>
            <li class="li2"><a href="">产品中心<a href="" class="a1"></a></a></li>
            <li class="li3"><a href="">企业新闻<a href="" class="a1"></a></a></li>
            <li class="li4"><a href="">联系我们<a href="" class="a1"></a></a></li>
        </ul>
    </nav>
</header>
<div class="banner">
    <img src="img/b01.jpg" alt="">
</div>
<section class="clearfix">
    <div class="main">
    <div class="left">
        <div class="wh">
            <img src="img/section1.png" alt="">
            <div class="w1">
                <p>Oculus联合创始人黯然离场，是被小米钱高管“挤出”了</p>
                <p>2018-06-16</p>
            </div>
        </div>
        <div class="wh">
            <img src="img/section2.png" alt="">
            <div class="w1">
                <p>华为营收5216亿元，同比增长32%，顺便卖了1.39亿部手机</p>
                <p>2018-06-16</p>
            </div>
        </div>
        <div class="wh">
            <img src="img/section3.png" alt="">
            <div class="w1">
                <p>车与出行 百度申请在北京路试无人车，到这并不意味着无人车未</p>
                <p>2018-06-16</p>
            </div>
        </div>
        <div class="wh">
            <img src="img/section4.png" alt="">
            <div class="w1">
                <p>20分钟没了300亿，最大港股塔防背后一点重重</p>
                <p>2018-06-16</p>
            </div>
        </div>
        <div class="wh">
            <img src="img/section5.png" alt="">
            <div class="w1">
                <p>礼物说裁员引争议，触宝CEO王家梁：别把粗暴裁员当个性</p>
                <p>2018-06-16</p>
            </div>
        </div>
        <div class="wh">
            <img src="img/section6.png" alt="">
            <div class="w1">
                <p>下线聊天文件功能，微信这是闷声大作死</p>
                <p>2018-06-16</p>
            </div>
        </div>
    </div>
    <div class="right">
        <div class="right-top">
            <a href="">better</a>
            <h3>天猫总裁靖捷：线上线下全面打通 天猫将整体升级</h3>
            <p>“真正新零售的未来场景都在天猫上。新零售正在全面爆发，未来的手机天猫APP，将从满足需求进入到创造需求的阶段，线下百万雄师都会被数字化。”靖捷说。</p>
        </div>
        <div class="right-bottom clearfix">
            <p>产品列表展示</p>
            <div class="right-bottom1">
                <img src="img/main1.png" alt="">
                <p>韩版高腰半身裙夏中长款a字裙女流苏毛边</p>
                <span>￥89</span>
            </div>
            <div class="right-bottom2">
                <img src="img/main2.png" alt="">
                <p>韩版女装夏装牛仔A字裙子</p>
                <span>￥89</span>
            </div>
            <div class="right-bottom3">
                <img src="img/main3.png" alt="">
                <p>女装夏装新款显瘦A字裙裤短裤牛仔裤</p>
                <span>￥129</span>
            </div>
            <div class="right-bottom4">
                <img src="img/main4.png" alt="">
                <p>显瘦牛仔裙半身裙短款潮裙女夏韩版学生高腰a字裙</p>
                <span>￥79</span>
            </div>
            <div class="right-bottom11">
                <img src="img/main5.png" alt="">
                <p>收腰牛仔连衣裙a字牛仔裙女学生短裙裙子</p>
                <span>￥339</span>
            </div>
            <div class="right-bottom22">
                <img src="img/main6.png" alt="">
                <p>修身长袖牛仔连衣裙女</p>
                <span>￥338</span>
            </div>
            <div class="right-bottom33">
                <img src="img/main7.png" alt="">
                <p>瘦高腰牛仔半身裙a字</p>
                <span>￥158</span>
            </div>
            <div class="right-bottom44">
                <img src="img/main8.png" alt="">
                <p>中长款竖条纹半身裙百搭宽松中长款裙A字裙</p>
                <span>￥399</span>
            </div>
        </div>
    </div>
    </div>
</section>
<footer>
<p>&copy;2018版权所有better</p>
</footer>
</body>
</html>